import React, { Component } from 'react'
import { WhiteSpace } from 'antd-mobile'

export default class IllegalCharge extends Component {
	constructor(props) {
		super(props);

		this.state = {};
	}

	render() {
		return (
			<ul className="order-illegal-charge-list">
				{this.props.list.map( (item, i) => 
					<li key={i}>{item.title}<span>{item.extra}</span></li>
				)}
			</ul>
		)
	}
}

IllegalCharge.defaultProps = {
	list: [
		{ title: '订单总费用', extra: '¥171'},
		{ title: '优惠', extra: '+¥111'},
		{ title: 'VIP减免', extra: '-¥121'},
		{ title: '加急费用', extra: '-¥131'},
		{ title: '实际支付', extra: '+¥141'}
	]
}